<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div ul li{
            font-family: 黑体;
            font-weight: bolder;
            font-size: 20px;
            height: 30px;
            list-style: none;

        }
        div ul li:nth-of-type(4){
            color: #5d5d5d;
        }
        div ul li:nth-of-type(5){
            color: #5d5d5d;
        }
        div ul li a{
            color: #5d5d5d;
            text-decoration: none;
        }
        .li{
            color: blue;
        }
    </style>
</head>
<body>
<div>
    <ul>
        <li class="li">1 <a href="#">奇幻轮回世界：永无止境的约会</a></li>
        <li class="li">2 <a href="#">普通现代人如何玩转大明朝</a></li>
        <li class="li">3 <a href="#">修仙三百年后重新降临都市</a></li>
        <li>4 <a href="#">嬉闹贞观，玩转大唐朝：逍遥游</a></li>
        <li>5 <a href="#">热门科幻电影的原著：流浪地球</a></li>
    </ul>
</div>
</body>
</html>